<template>
  <div>
    <div class="page-title">网络防病毒</div>
    <div class="y-row">
      <div class="y-label">规则库</div>
      <div class="y-version">
        <div class="v-row y-name flex-c">
          <div class="row-item">病毒库版本</div>
          <div class="row-item">更新时间</div>
        </div>
        <div class="v-row flex-c">
          <div class="row-item">病毒库V2.32.123432</div>
          <div class="row-item">2023-3-2 12:12:12</div>
        </div>
      </div>
    </div>
    <div class="y-row flex-c">
      <div class="y-label">模式</div>
      <div>
        <el-radio-group v-model="defendType">
          <el-radio class="y-radio" :label="1">观察模式</el-radio>
          <el-radio class="y-radio" :label="2">拦截模式</el-radio>
        </el-radio-group>
      </div>
    </div>
    <div class="y-row flex-c">
      <div class="y-label">引擎</div>
      <el-radio-group v-model="defendEngine">
        <el-radio class="y-radio" :label="1">开启</el-radio>
        <el-radio class="y-radio" :label="2">关闭</el-radio>
      </el-radio-group>
    </div>
  </div>
</template>
<script>
  import {getNetsafeAntivirus} from '@/api/pageList'
  export default {
    data() {
      return {
        defendType: 1,
        defendEngine: 1,
      }
    },
    mounted(){
      getNetsafeAntivirus().then(res=>{
        console.log('66666',res)
      })
    }
  }
</script>

<style scoped lang="less">
  // 页面头部样式
  .page-title {
    font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    margin-bottom: 30px;
  }

  .y-row {
    display: flex;
    margin: 40px 0;

    .y-label {
      font-weight: 650;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.847058823529412);
      width: 80px;
    }

    .y-radio {
      width: 130px;
    }
  }

  .y-version {
    width: 517px;

    .y-name {
      background-color: rgba(242, 242, 242, 1);
      margin-bottom: 10px;
    }

    .v-row {
      width: 100%;
      height: 35px;

      .row-item {
        width: 50%;
        padding-left: 50px;
      }
    }
  }

  /deep/.el-radio__label {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.647058823529412) !important;
  }
</style>
